<template>
    <el-scrollbar height="615px">
    <div>
        <el-row>
          <el-col :span="8">
            <el-card style="width: 100%;font-family: cursive;">
                <el-row>
                    <el-col :span="6">
                        <img :src="$store.state.user.photo" class="image"/>
                    </el-col>
                    <el-col :span="16" :offset="2">
                        <svg t="1679157481514" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2228" width="16" height="16"><path d="M796.3 231.1l-2-2c-155.9-156.3-408.9-155.9-565.2 0-156.3 155.9-155.9 409.4 0 565.4C304.2 870 405.7 912 512.1 912h298.2c16.8 0 30.8-13.6 30.8-30.8V739.3c22-32 39.2-66.4 51.6-103.2 45.9-142.3 8.7-298.6-96.4-405zM477.7 672.9l24.4-129.5H389.8L365 672.9h-66l58.8-308.3h66L400.9 485h112.7l23.2-120.3h66L544 672.9h-66.3z m191.1 0h-66L645.6 449h66l-42.8 223.9z m45.5-261.5c-7.6 7.2-17.6 10.8-27.6 10-16.8 0.8-31.2-12-32-28.8v-3.2c0-10 4-19.6 11.2-26.8 7.2-7.2 16.8-10.8 26.8-10.8 17.2-1.2 32 12 33.2 29.2v3.2c0 10-4.4 20-11.6 27.2z m0 0" p-id="2229" fill="#1296db"></path></svg>
                        欢迎登录系统!
                        <div style="margin-top: 15px;">
                            <span class="username">{{$store.state.user.username}}</span>
                            <el-tag effect="dark" style="font-size: 16px;float: right;">{{roleName}}</el-tag>
                        </div>
                        <div style="margin-top: 15px;">
                            <span class="login-time">最近登录</span>
                            <el-tag type="success" style="font-size: 16px;float: right;">{{$store.state.user.loginTime}}</el-tag>
                        </div>
                    </el-col>
                </el-row>
                <hr>
              </el-card>
          </el-col>
          <el-col :span="3" :offset="1">
            <router-link to="/chat" >
                <el-card style="text-align: center;cursor: pointer;" class="card">
                    <svg t="1679473657104" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3789" width="64" height="64"><path d="M99.7 465.3c-30 33.7-59.8 86-63.6 138.3-14.9 89.8 56.1 175.8 153.4 228.2 7.5 30-26.1 82.2-26.1 82.2-14.9 7.5 7.5 7.5 7.5 7.5 52.4 0 112.2-44.9 142.1-67.3 78.5 7.5 149.7-11.2 209.5-44.9-228.3-11.2-422.8-164.5-422.8-344z" p-id="3790" fill="#1296db"></path><path d="M989.9 450.2c0-190.7-190.7-347.8-433.8-347.8S122.2 255.8 122.2 450.2c0 183.3 190.7 340.4 426.3 340.4 37.4 37.4 145.9 115.9 228.2 115.9 0 0 37.4 7.5 22.4-14.9 0 0-67.3-82.2-52.4-130.9C892.6 700.9 989.9 585 989.9 450.2z m-590 120c-12.8 0-24-1.3-33.5-4s-17.6-6.2-24.1-10.5c-6.6-4.4-11.5-9.3-14.8-14.8-3.3-5.5-4.9-11-4.9-16.6 0-6.6 3.4-11.9 10.3-15.9 6.9-4.1 14.5-7.8 22.7-11.3 8.3-3.4 15.9-7 22.7-10.8 6.9-3.8 10.3-8.6 10.3-14.5s-1.9-11.4-5.6-16.4c-3.8-5-7.9-10.7-12.4-17.1-4.5-6.4-8.7-13.9-12.4-22.5-3.8-8.6-5.6-19.6-5.6-33.1 0-9.7 1-19.1 3-28.1s5.1-17 9.1-23.9c4.1-6.9 9.2-12.3 15.5-16.4 6.3-4.1 13.6-6.1 22-6.1 11.3 0 20.6 1.9 28.1 5.6-1.9 11.3-2.8 23-2.8 35.2 0 19.7 1.6 36.4 4.9 50.2 3.3 13.8 7.4 25.6 12.4 35.6-4.7 6.3-9.1 12.1-13.1 17.6-4.1 5.5-6.1 12-6.1 19.5 0 4.1 2.2 7.6 6.6 10.5 4.4 3 9.6 5.8 15.7 8.4 6.1 2.7 12.6 5.4 19.5 8.2 6.9 2.8 13 5.8 18.3 8.9 0.3 1.6 0.5 4.1 0.5 7.5 0 5.9-2.6 10.8-7.7 14.5s-11.6 7.3-19.5 10.8c-7.8 3.4-16.3 7.3-25.3 11.7s-17.3 10.3-24.8 17.8h-9zM692 630.9c-8.8 4.8-20.3 9.3-34.7 13.4-14.4 4.1-30.9 7.3-49.7 9.6-18.8 2.3-38 3.5-57.7 3.5-22.5 0-42.4-1.2-59.8-3.5s-31.9-5.5-43.6-9.4c-11.7-3.9-20.6-8.4-26.7-13.4s-9.1-10-9.1-15c0-7.8 2.9-14.6 8.7-20.4 5.8-5.8 13-11 21.8-15.7 8.8-4.7 18.2-9 28.4-12.9 10.2-3.9 19.6-8 28.4-12.4 8.8-4.4 16-9.1 21.8-14.3 5.8-5.2 8.7-11.3 8.7-18.5S527 508 524 501.7c-3-6.3-6.7-12.6-11.3-19-4.5-6.4-9.5-13.4-14.8-20.9-5.3-7.5-10.2-15.9-14.8-25.3s-8.3-20.2-11.3-32.4-4.5-26.3-4.5-42.2c0-34.7 6.5-62.3 19.5-82.8s33.1-30.7 60.2-30.7c22.8 0 40.8 3.4 53.9 10.3 13.1 6.9 23.1 15.7 29.8 26.5 6.7 10.8 10.9 22.7 12.7 35.6 1.7 13 2.6 25.7 2.6 38.2 0 16.9-1.5 31.4-4.5 43.6-3 12.2-6.6 22.8-11 31.9-4.4 9.1-9.1 17.1-14.1 24.1s-9.7 13.8-14.1 20.2c-4.4 6.4-8 13-11 19.7-3 6.7-4.5 14.3-4.5 22.7 0 6.6 2.9 12.3 8.7 17.3 5.8 5 13 9.8 21.8 14.3s18.3 8.8 28.6 12.9 19.8 8.5 28.6 13.4c8.8 4.8 16 10.2 21.8 15.9s8.7 12.6 8.7 20.4c0.1 5.6-4.2 10.7-13 15.5z m46.7-66.8c-10.2 1.9-20.6 3-31.2 3.3-8.8-5.9-18.1-10.5-28.1-13.8-10-3.3-19.5-6.3-28.4-8.9-8.9-2.7-16.6-5.6-23-8.9-6.4-3.3-10.2-8-11.5-14.3 1.3-5.9 5.3-10.8 12.2-14.5 6.9-3.8 14.3-7.3 22.3-10.5 8-3.3 15.2-6.8 21.6-10.5 6.4-3.8 9.6-8.4 9.6-14.1 0-6.6-2.5-12.6-7.5-18.1-5-5.5-10.2-11.8-15.5-19 5-10.9 9.1-23.9 12.4-38.9 3.3-15 4.9-32.7 4.9-53 0-4.4-0.2-8.8-0.7-13.1-0.5-4.4-1-8.8-1.6-13.1 8.1-5.6 15.5-8.4 22-8.4 14.7 0 26.4 2.4 35.2 7.3 8.8 4.8 15.4 10.9 19.9 18.1s7.5 14.9 8.9 23.2c1.4 8.3 2.1 15.9 2.1 22.7 0 14.1-2.3 25.4-6.8 34-4.5 8.6-9.5 16-15 22.3s-10.5 12-15 17.3c-4.5 5.3-6.8 11.6-6.8 18.8 0 3.4 1.8 6.6 5.4 9.4 3.6 2.8 8 5.5 13.4 8 5.3 2.5 11.2 4.9 17.6 7.3 6.4 2.3 12.3 4.8 17.6 7.5 5.3 2.7 9.8 5.6 13.4 8.9 3.6 3.3 5.4 7.1 5.4 11.5 0 6.9-2.3 13-7 18.3-4.7 5.3-10.9 9.8-18.8 13.4-7.9 3.2-16.9 5.9-27 7.8z" p-id="3791" fill="#1296db"></path></svg>
                    <h3>系统群聊</h3>
                </el-card>
            </router-link>
          </el-col>
          <el-col :span="3" :offset="1">
            <router-link to="/store">
                <el-card style="text-align: center;cursor: pointer;" class="card">
                    <svg t="1679474429849" class="icon" viewBox="0 0 1051 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11575" width="64" height="64"><path d="M83.054703 304.432432h885.621621v691.891892h-885.621621z" fill="#C2E8FF" p-id="11576"></path><path d="M968.648649 293.362162h-885.621622a11.07027 11.07027 0 0 0-11.07027 11.07027v691.891892c0 6.088649 4.981622 11.07027 11.07027 11.070271h885.621622a11.07027 11.07027 0 0 0 11.07027-11.070271v-691.891892a11.07027 11.07027 0 0 0-11.07027-11.07027z m-11.070271 22.140541V985.254054H94.097297V315.502703H957.578378z" fill="#7496C4" p-id="11577"></path><path d="M774.918919 470.486486a83.027027 83.027027 0 0 1-83.027027-83.027027 83.027027 83.027027 0 1 1-166.054054 0 83.027027 83.027027 0 1 1-166.054054 0 83.027027 83.027027 0 1 1-166.054054 0 83.027027 83.027027 0 0 1-166.054054 0v-83.027027h996.324324v83.027027a83.027027 83.027027 0 1 1-166.054054 0 83.027027 83.027027 0 0 1-83.027027 83.027027z" fill="#F78F8F" p-id="11578" data-spm-anchor-id="a313x.7781069.0.i33" class=""></path><path d="M1024 293.362162H27.675676a11.07027 11.07027 0 0 0-11.070271 11.07027v83.027027a94.097297 94.097297 0 0 0 94.097298 94.097298l5.175351-0.138379a94.097297 94.097297 0 0 0 76.108108-46.467459l1.771243-3.238054 1.771244 3.238054A94.069622 94.069622 0 0 0 276.756757 481.556757l5.147675-0.138379a94.097297 94.097297 0 0 0 76.108109-46.467459l1.771243-3.238054 1.771243 3.238054A94.069622 94.069622 0 0 0 442.810811 481.556757l5.147675-0.138379a94.097297 94.097297 0 0 0 76.108109-46.467459l1.771243-3.238054 1.771243 3.238054A94.069622 94.069622 0 0 0 608.864865 481.556757l5.147676-0.138379a94.097297 94.097297 0 0 0 76.108108-46.467459l1.771243-3.238054 1.771243 3.238054A94.069622 94.069622 0 0 0 774.918919 481.556757l5.147676-0.138379a94.097297 94.097297 0 0 0 76.108108-46.467459L857.945946 431.740541l1.937297 3.459459A94.097297 94.097297 0 0 0 1035.07027 387.459459v-83.027027a11.07027 11.07027 0 0 0-11.07027-11.07027z m-985.254054 22.140541H1012.92973v71.956756a71.956757 71.956757 0 0 1-71.956757 71.956757l-4.511135-0.138378a71.956757 71.956757 0 0 1-67.251892-66.836757l-0.166054-5.009297c-0.055351-14.751135-22.140541-14.723459-22.140541 0.027675a71.956757 71.956757 0 1 1-143.913513 0c0-14.751135-22.140541-14.751135-22.140541 0a71.956757 71.956757 0 1 1-143.913513 0c0-14.751135-22.140541-14.751135-22.140541 0a71.956757 71.956757 0 1 1-143.913513 0c0-14.751135-22.140541-14.751135-22.140541 0a71.956757 71.956757 0 1 1-143.913513 0c0-14.751135-22.140541-14.751135-22.140541 0A71.956757 71.956757 0 0 1 110.702703 459.416216l-4.566487-0.138378A71.956757 71.956757 0 0 1 38.773622 387.459459v-71.956756z" fill="#C74443" p-id="11579"></path><path d="M115.961081 138.378378h819.781189l88.285406 166.054054H27.675676z" fill="#EFBABA" p-id="11580" data-spm-anchor-id="a313x.7781069.0.i32" class=""></path><path d="M935.74227 127.308108H115.988757a11.07027 11.07027 0 0 0-9.797189 5.867243l-88.285406 166.054054a11.07027 11.07027 0 0 0 9.797189 16.273298h996.324325a11.07027 11.07027 0 0 0 9.769513-16.273298l-88.285405-166.054054A11.07027 11.07027 0 0 0 935.74227 127.308108z m-6.642162 22.140541l76.495568 143.913513H46.08L122.603243 149.448649h806.469189z" fill="#C74443" p-id="11581"></path><path d="M138.378378 27.675676h774.918919a27.675676 27.675676 0 0 1 27.675676 27.675675v83.027027h-830.27027v-83.027027a27.675676 27.675676 0 0 1 27.675675-27.675675z" fill="#F78F8F" p-id="11582"></path><path d="M913.297297 16.605405h-774.918919A38.745946 38.745946 0 0 0 99.632432 55.351351v83.027027c0 6.088649 4.981622 11.07027 11.070271 11.070271h830.27027a11.07027 11.07027 0 0 0 11.07027-11.070271v-83.027027A38.745946 38.745946 0 0 0 913.297297 16.605405z m0 22.140541l2.712217 0.221405A16.605405 16.605405 0 0 1 929.902703 55.351351V127.308108H121.772973V55.351351a16.605405 16.605405 0 0 1 16.605405-16.605405h774.918919z" fill="#C74443" p-id="11583"></path><path d="M193.757405 553.513514h276.756757v221.405405h-276.756757z" fill="#8BB7F0" p-id="11584"></path><path d="M470.486486 542.443243h-276.756756a11.07027 11.07027 0 0 0-11.070271 11.070271v221.405405c0 6.088649 4.981622 11.07027 11.070271 11.07027h276.756756a11.07027 11.07027 0 0 0 11.070271-11.07027v-221.405405a11.07027 11.07027 0 0 0-11.070271-11.070271z m-11.07027 22.140541V763.848649H204.8v-199.264865H459.416216z" fill="#4E7AB6" p-id="11585"></path><path d="M581.216865 553.513514h276.756757v442.81081h-276.756757z" fill="#8BB7F0" p-id="11586"></path><path d="M857.945946 542.443243h-276.756757a11.07027 11.07027 0 0 0-11.07027 11.070271v442.81081c0 6.088649 4.981622 11.07027 11.07027 11.070271h276.756757a11.07027 11.07027 0 0 0 11.07027-11.070271v-442.81081a11.07027 11.07027 0 0 0-11.07027-11.070271z m-11.07027 22.140541V985.254054h-254.616217V564.583784H846.875676z" fill="#4E7AB6" p-id="11587"></path><path d="M802.62227 747.243243m-27.675675 0a27.675676 27.675676 0 1 0 55.351351 0 27.675676 27.675676 0 1 0-55.351351 0Z" fill="#FFFFFF" p-id="11588"></path></svg>
                    <h3>门店信息</h3>
                </el-card>
            </router-link>
          </el-col>
          <el-col :span="3" :offset="1">
            <router-link to="/audit">
                <el-card style="text-align: center;cursor: pointer;" class="card">
                    <svg t="1679474664235" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15394" width="64" height="64"><path d="M150.588235 0h722.82353c83.169882 0 150.588235 67.418353 150.588235 150.588235v722.82353c0 83.169882-67.418353 150.588235-150.588235 150.588235H150.588235C67.418353 1024 0 956.581647 0 873.411765V150.588235C0 67.418353 67.418353 0 150.588235 0z m361.411765 210.823529c-166.324706 0-301.176471 134.851765-301.176471 301.176471s134.851765 301.176471 301.176471 301.176471 301.176471-134.851765 301.176471-301.176471-134.851765-301.176471-301.176471-301.176471z m175.691294 376.470589a50.221176 50.221176 0 0 1-50.206118 50.191058h-159.472941l-66.409411 50.206118v-50.206118h-25.088A50.221176 50.221176 0 0 1 336.308706 587.294118V436.705882a50.221176 50.221176 0 0 1 50.206118-50.191058h250.970352A50.221176 50.221176 0 0 1 687.691294 436.705882v150.588236zM624.941176 474.352941a12.559059 12.559059 0 0 0 0-25.103059h-225.882352a12.559059 12.559059 0 0 0 0 25.103059h225.882352z m-48.865882 50.191059a11.218824 11.218824 0 0 0 11.218824-11.218824v-2.650352a11.218824 11.218824 0 0 0-11.218824-11.218824H397.748706a11.218824 11.218824 0 0 0-11.248941 11.218824v2.650352c0 6.204235 5.029647 11.218824 11.248941 11.218824h178.326588z m-97.114353 50.206118a7.936 7.936 0 0 0 7.936-7.936v-9.231059a7.936 7.936 0 0 0-7.936-7.936h-84.510117a7.951059 7.951059 0 0 0-7.951059 7.936v9.231059c0 4.367059 3.568941 7.936 7.951059 7.936h84.510117z" fill="#30e5ed" p-id="15395" data-spm-anchor-id="a313x.7781069.0.i37" class="selected"></path></svg>
                    <h3>问题反馈</h3>
                </el-card>
            </router-link>
          </el-col>
          <el-col :span="3" :offset="1">
            <el-card style="text-align: center;cursor: pointer;" @click="openSet = true" class="card">
                <svg t="1679475411385" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24905" data-spm-anchor-id="a313x.7781069.0.i65" width="64" height="64"><path d="M513.2 690.6c-84.8 0-157.7-59.8-174.2-142.9S366.9 381.5 445.2 349c78.2-32.4 168.5-5.1 215.6 65.3 19.7 29.5 29.6 63.2 29.9 96.7h236.6v-32.9c0-14.1-10-26.3-23.8-29L813.4 431c-10.2-2.1-18.5-9.3-22.1-19-3-8.2-6.3-16.2-10.1-24.1-4.4-9.4-3.7-20.4 2.2-29.1l51.1-76.6c7.8-11.8 6.3-27.4-3.7-37.3l-49.4-49.5c-10-10-25.6-11.6-37.3-3.7l-76.6 51.1c-4.9 3.2-10.6 5-16.3 5-4.4 0-8.8-1-12.8-2.8-7.9-3.7-15.9-7-24.1-10.1-9.7-3.5-17-11.9-19-22.1l-18.1-90.2c-2.8-13.8-15-23.8-29.1-23.8h-69.9c-14.1 0-26.3 10-29 23.8l-18.1 90.2c-2.1 10.2-9.3 18.5-19 22.1-8.2 3-16.2 6.3-24.1 10.1-4 1.8-8.3 2.8-12.8 2.8-5.8 0-11.6-1.7-16.3-5l-76.6-51.1c-11.8-7.8-27.4-6.3-37.3 3.7l-49.4 49.4c-10 10-11.6 25.6-3.7 37.3l51.1 76.6c5.7 8.7 6.6 19.7 2.1 29.1-3.7 7.9-7 15.9-10.1 24.1-3.5 9.7-11.9 17-22.1 19l-90.2 18.2c-13.8 2.8-23.8 14.9-23.8 29V548c0 14.1 10 26.3 23.8 29l90.2 18.1c10.2 2.1 18.5 9.3 22.1 19 3 8.2 6.3 16.3 10.1 24.1 4.4 9.4 3.7 20.4-2.1 29.1l-51.1 76.6c-7.8 11.7-6.3 27.4 3.7 37.3l49.4 49.4c10 10 25.6 11.6 37.3 3.7l76.6-51.1c4.9-3.2 10.6-5 16.3-5 4.4 0 8.8 1 12.8 2.8 7.9 3.7 15.9 7 24.1 10.1 9.7 3.6 17 11.9 19 22.1l18.1 90.2c2.8 13.8 14.9 23.8 29 23.8h35.1V690.6h-0.1z" fill="#1296db" p-id="24906" data-spm-anchor-id="a313x.7781069.0.i67" class=""></path><path d="M799.3 800.7m-97.7 0a97.7 97.7 0 1 0 195.4 0 97.7 97.7 0 1 0-195.4 0Z" fill="#d81e06" p-id="24907" data-spm-anchor-id="a313x.7781069.0.i66" class="selected"></path></svg>
                <h3>布局设置</h3>
            </el-card>
          </el-col>
          <el-drawer v-model="openSet" title="布局设置" direction="rtl" size="22%">
              <h3 style="margin-bottom: 20px;">主题风格</h3>
              <p>标签类型:</p>
              <div style="margin-top: 6px;cursor: pointer;" >
                <el-tag type="" style="margin-right: 8px;" :effect="tagType === ''? 'dark':'plain' " @click="changeTag('')">primary</el-tag>
                <el-tag type="success" style="margin-right: 8px;" :effect="tagType === 'success'? 'dark':'plain' " @click="changeTag('success')">success</el-tag>
                <el-tag type="warning" style="margin-right: 8px;" :effect="tagType === 'warning'? 'dark':'plain' " @click="changeTag('warning')">warning</el-tag>
                <el-tag type="danger" :effect="tagType === 'danger'? 'dark':'plain' " @click="changeTag('danger')">error</el-tag>
              </div>
          </el-drawer>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <CalendarVue/>
          </el-col>
          <el-col :span="15" :offset="1">
            <el-card>
                <el-row style="border-bottom: 3px solid gray;">
                  <el-col :span="2">
                    <svg t="1679498758222" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3665" width="64" height="64"><path d="M512 0C229.627709 0 0 229.627709 0 512S229.627709 1024 512 1024 1024 794.372291 1024 512 794.372291 0 512 0z m0 996.655196c-267.269721 0-484.655196-217.385475-484.655196-484.655196s217.385475-484.655196 484.655196-484.655196 484.655196 217.385475 484.655196 484.655196-217.385475 484.655196-484.655196 484.655196z m213.266592-697.006481H607.764022l-48.511285-85.352402c-9.72514-17.162011-27.459218-27.459218-47.138324-27.573631h-0.34324c-19.679106 0-37.298771 10.182793-47.252737 27.115977l-49.884246 85.810056H298.733408c-45.193296 0-81.92 36.726704-81.92 81.92v287.864134c0 45.193296 36.726704 81.92 81.92 81.92h426.418771c45.193296 0 81.92-36.726704 81.92-81.92V381.568715c0.114413-45.193296-36.612291-81.92-81.805587-81.92z m-213.495419-58.350838l33.179888 58.236425h-67.16067l33.980782-58.236425z m240.72581 428.134972c0 15.10257-12.242235 27.344804-27.344804 27.344805H298.733408c-15.10257 0-27.344804-12.242235-27.344805-27.344805V381.568715c0-15.10257 12.242235-27.344804 27.344805-27.344804h426.418771c15.10257 0 27.344804 12.242235 27.344804 27.344804v287.864134z m-103.08648-230.199776H374.589497c-15.10257 0-27.344804 12.242235-27.344804 27.344804s12.242235 27.344804 27.344804 27.344805h274.821006c15.10257 0 27.344804-12.242235 27.344804-27.344805s-12.242235-27.344804-27.344804-27.344804z m-104.917095 99.882905H374.589497c-15.10257 0-27.344804 12.242235-27.344804 27.344804s12.242235 27.344804 27.344804 27.344805h169.903911c15.10257 0 27.344804-12.242235 27.344804-27.344805s-12.242235-27.344804-27.344804-27.344804z" fill="#30aced" p-id="3666"></path></svg>
                  </el-col>
                  <el-col :span="5" :offset="17" style="margin-top: 10px;">
                    <span class="notice">公告与通知</span>
                  </el-col>
                </el-row>
                <el-row v-for="notice in notices" :key="notice.id" style="margin-top: 10px;">
                    <el-col :span="2">
                        <el-tag :type="notice.type === '通知'? 'warning':''">{{notice.type}}</el-tag>
                    </el-col>
                    <el-col :span="18" :offset="1" style="font-family: cursive;">
                        {{notice.content}}
                    </el-col>
                    <el-col :span="3">
                        <el-tag type="info" effect="plain">{{notice.sendTime}}</el-tag>
                    </el-col>
                </el-row>
            </el-card>
          </el-col>
        </el-row>
    </div>
    </el-scrollbar>
</template>
<script>
    import CalendarVue from '@/components/Calendar'
    import request from '@/utils/request'
    import {ref} from 'vue'
    import {useStore} from 'vuex'
    import {ElDrawer} from 'element-plus'
    export default{
        name:'HomeVue',
        components:{
            CalendarVue,
            ElDrawer
        },
        setup() {
            let notices = ref([])
            const store = useStore()
            const color = ref('#409EFF')
            let roleName = ref('管理员')
            if(store.state.user.role === 'ROLE_BOSS')
                roleName.value = '负责人'
            else if(store.state.user.role === 'ROLE_USER')
                roleName.value = '普通用户'
            let openSet = ref(false)
            let tagType = ref("")
            let getSendAll = () => {
                request({
                    url:"/main/sendAll/",
                    method:'get',
                    headers:{
                        Authorization:"Bearer "+store.state.user.token,
                    }
                }).then((resp) => {
                    notices.value = resp;
                }).catch((err) => {
                    console.log(err)
                });
            }
            let changeTag = (tag) => {
                tagType.value = tag;
                store.commit('UpdateTagType',tagType.value)
            }
            getSendAll()
            return {
                notices,
                openSet,
                color,
                tagType,
                changeTag,
                roleName,
            }
        },
    }
</script>
<style scoped>

.image{
    width: 100%;
    border: 2px solid #909399;
    border-radius: 50%;
}
.username{
    font-weight: bold;
}
hr{
    border: 1px solid;
}
.notice{
    font-size: 26px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
a{
    text-decoration: none;
}
.demo-color-block {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.demo-color-block .demonstration {
  margin-right: 16px;
}
.card:hover{
    opacity: 0.6;
    box-shadow: rgb(72, 71, 71) 5px  5px 5px;
}
</style>